<template>
	<div class="copyright">
        <div>POWER BY: <a class="yfd" href="http://www.yfd.com.cn/" target="_blank">YUFEI DESIGN</a></div>
        <div>COPYRIGHT © {{fullyear}} YINXIANGCAOYUAN ALL RIGHTS RESERVED</div>
    </div>
</template>

<script>
	export default {
		name: "copyright",
        created() {
		    this.fullyear = new Date().getFullYear()
        }
	}
</script>

<style lang="scss" scoped>

    .copyright{
        position: fixed;
        bottom: 25px;
        left: 0;
        font-size: 12px;
        text-align: right;
        line-height: 24px;
        transform-origin: left bottom;
        transform: rotate(90deg) translate(-100%, -50px);
    }
    
    .yfd{
        transition: color .3s;
        &:hover{
            color: #11adbb;
        }
    }
    
</style>
